<template>
    <div class="notfound">
        <img src="@/assets/404.png" alt="">
        <p>你来到了一片慌土</p>
        <p>此处与世隔绝</p>
        <router-link to="/home">点击这里返回首页</router-link>
    </div>
</template>

<script>
    export default {
        name:"notFound-Component",
    }
</script>

<style scoped lang="less">
    .notfound{
        width: 100%;
        text-align: center;
        overflow: hidden;
        margin-top: 5vw;

        img{
            width: 39.1vw;
        }

        p{
            font-size: 1.5vw;
            margin:15px 0;
            color: rgb(131, 131, 131);
        }

        a{
            display: block;
            margin-top:30px;
            color: rgb(160, 138, 138);
            &:hover{
                color: #df806b;
                text-decoration: underline #a52b0f;
            }
        }
    }
</style>